<!-- 选项组-component -->
<template>
  <div>
    <b class="dark-text-theme mt-2 block py-0.5 px-4 text-xs text-gray-400"
      >{{ i18nStore.translate(title) }}
    </b>
    <ul class="option-group py-1">
      <Option
        v-for="(option, index) in options"
        :key="index"
        :option="option"
        @close="emit('close')"
      />
    </ul>
  </div>
</template>

<script setup>
import { useI18nStore } from '@/stores'
const i18nStore = useI18nStore()
const props = defineProps({
  title: {
    type: String,
    default: ''
  },
  options: {
    type: Array,
    default: () => []
  }
})
const emit = defineEmits(['close'])


</script>

<style scoped lang="scss">
@import './index.scss';
</style>
